/**
 * 
 */
$(document).ready(
		function() {

			// 当页面渲染完成后，自动调用initAreaData1() 方法
			initAreaData('provinceId',-1);

			// 给city绑定change事件：
			$("#provinceId").off('change').on('change',function() {
						var parentCode = $(this).val();
						console.log(parentCode);
						initAreaData('cityId',parentCode);

					})
					
					
					
			//	给district绑定change事件
					$("#cityId").off('change').on('change',function() {
						var parentCode = $(this).val();
						console.log(parentCode);
						initAreaData('districtId',parentCode);

					})
					
					
					
					
					
					
					

			// 定义 initAreaData1() 方法
			function initAreaData(selectId,parentCode) {
				$.ajax({
					type : 'post',
					data : {"parentCode" : parentCode}, // JSON写法
					url : 'AreaServlet',
					success : function(areaList) { 
						// ajax响应成功触发的方法；
						// areaList 响应成功后返回的数据   
						var options = '';
						// index 数组遍历的下标  ，area要遍历的数据
						$.each(JSON.parse(areaList), function(index,area) {
							var areaCode = area.areaCode;
							var areaName = area.areaName;
							options += '<option value="' + areaCode + '">' + areaName + '</option>';
						});
						$("#"+selectId).html(options);
						//当数据填充完成后，自动的触发一下change事件
						$("#"+selectId).change();
					}
				})
			}
			
			
			
			
		})
		
